<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma"   content="no-cache" />   
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate" />   
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.draggable-1.0.js"></script>
<script type="text/javascript" src="../js/jquery.resizable-1.0.js"></script>
<script type="text/javascript" src="../js/jquery.fishflow-1.0.js"></script>
<link rel="stylesheet" type="text/css" href="../css/fishflow.css"></link>
<title>最简单的案例</title>
<script language="javascript">
</script>
<!--[if lt IE 9]>
<?import namespace="v" implementation="#default#VML" ?>
<![endif]-->
</head>
<body>
<div id="dgxDemo"></div>
</body>
</html>

<script language="javascript">
var dfg = new fishflow({
	title : "FISHFLOW案例",
	renderTo : $("#dgxDemo"),
	width:800,
	height:600,
	editable:false,
	data:{
		//工具箱按钮
		toolBox : ["start","end","node"],
		nodes:[
			{id:"startNode",name : "开始"          ,type : "start"    ,left : 67  ,top : 69 ,width : 25   ,height : 25},
			{id:"unit1"    ,name : "流程节点1"     ,type : "node"     ,left : 219 ,top : 150 ,width : 86  ,height : 24},
			{id:"endNode"  ,name : "结束"          ,type : "end"      ,left : 380 ,top :71  ,width : 25   ,height : 25}
		],
		//连接线
		lines:[
			{id:"line1" , from : "startNode" ,to : "unit1"     ,name:"连接线1"  ,type : "linkLine" },
			{id:"line12", from : "unit1"     ,to : "endNode"   ,name:"连接线2"  ,type : "linkLine" }
		]
	}
});

</script>